// import React from "react";
// import MyForm from "./components/MyForm";

// function App() {
//   return (
//     <>
//       <MyForm />
//     </>
//   );
// }

// export default App;

import React, { useRef } from "react";
import { CountDown, Grid, Toast } from "react-vant";
import { PauseCircleO, PlayCircleO, Replay } from "@react-vant/icons";
import type { CountDownInstance } from "react-vant";
import MyForm from "./components/MyForm";
export default () => {
  const ref = useRef<CountDownInstance>();
  return (
    <>
      <MyForm />
      <CountDown
        ref={ref}
        time={60000}
        millisecond
        format="ss"
        autoStart={false}
        onFinish={() => Toast.info("验证码：88888")}
      />
      <br />
      <Grid columnNum={3}>
        <Grid.Item text="点击获取验证码" onClick={() => ref.current.start()} />
      </Grid>
    </>
  );
};
